﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Door Op</title>
    <link rel="stylesheet" href="${contextPath}/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/validation/validation.js"></script>
     <script type="text/javascript" src="${contextPath}/resources/js/client/QuoteProcess.js"></script>
</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">Place Order</p>
                            <p>Your order is based on the information you provide in your quote. This process begins with the configuration details. You can select 'Edit' next to 'Quote Complete' to adjust data you provided in the original quote.</p>
                            <br />
                            <h2 class="order normal-gray">Quote Complete
                                <a href="${contextPath}/edit-quote-duplex/system-configuration" class="edit-quote-shortlink">Edit</a>
                            </h2>
                            <h2 class="order">Product Configuration</h2>
                            <div class="quoteProcessContainer">
                             	<div class="quote-process-item">
                                    <span class="passed">
                                        System
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span class="passed">Car A Configuration</span>
                                </div>
                                <div class="quote-process-item">
                                    <span class="passed">Car B Configuration</span>
                                </div>
                                	<div class="quote-process-item">
	                                    <span class="passed" style="margin-left: 20px;">
	                                        STEP 1: Fire Op.
	                                    </span>
	                                </div>
	                                <div class="quote-process-item">
	                                    <span class="passed" style="margin-left: 20px;">
	                                        STEP 2:  Indicators
	                                    </span>
	                                </div>
	                                <div class="quote-process-item-active">
	                                    <span style="margin-left: 20px;">
	                                        STEP 3:  Door Op.
	                                    </span>
	                                </div>
	                                <div class="quote-process-item">
	                                    <span style="margin-left: 20px;">
	                                        STEP 4:  Config.
	                                    </span>
	                                </div>
                                
                                <div class="quote-process-item">
                                    <span>
                                        Product Summary
                                    </span>
                                </div>
                            </div>
                            <h2 class="order">Shipping Details</h2>
                            <h2 class="order">Finish Order</h2>

                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                                DOOR OP.
                            </div>
                            <div class="wrap-item-container wd_500">
                               	<p class="mceTextOrange">
                                    JOB NAME: <span class="bold colorDefault">FPT Test Data</span>
                                </p>
                            </div>
                            <div class="mce-align-center">
								<div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185"></div>
                                        <div class="label-wrap wd_160 inactive"><h3>Car A</h3></div>
                                        <div class="label-wrap wd_160 mceLinkAction "><h3>Car B</h3></div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Nudging Output</div>
                                        <div class="field-wrap wd_160"><span class="inactive">Reduce Torque w/ Buzzer</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_NUDGING_OUTPUT" class="mce wd_220">
                                                <optgroup label="Select"><option value=""></option><option value="1">Reduce Torque w/ Buzzer</option><option value="2">Buzzer Only</option></optgroup>
                                            </select>
                                            <span id="error_EH_NUDGING_OUTPUT" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Nudging During Fire Recall</div>
                                        <div class="field-wrap wd_160"><span class="inactive">No</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_NUDGING_FIRE_RECALL" class="mce wd_220">
                                                <optgroup label="Select"><option value=""></option><option value="0">No</option><option value="1">Yes</option></optgroup>
                                            </select>
                                            <span id="error_EH_NUDGING_FIRE_RECALL" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Nudging w/ Stuck Photo Eye</div>
                                        <div class="field-wrap wd_160"><span class="inactive">No</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_NUDGING_PHE" class="mce wd_220">
                                                <optgroup label="Select"><option value=""></option><option value="0">No</option><option value="1">Yes</option></optgroup>
                                            </select>
                                            <span id="error_EH_NUDGING_PHE" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="html-control-container">
                                        <div class="label-wrap wd_185">Photo Eye Anti - Nuisance</div>
                                        <div class="field-wrap wd_160"><span class="inactive">No</span></div>
                                        <div class="field-wrap wd_160">
                                            <select id="EH_PHE_ANTI_NUISANCE" class="mce wd_220">
                                                <optgroup label="Select"><option value=""></option><option value="0">No</option><option value="1">Yes</option></optgroup>
                                            </select>
                                            <span id="error_EH_PHE_ANTI_NUISANCE" class="span-ico"></span>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="wrap-item-container">
                                    <center><span style="color:#EE7000">(*) Mandatory Field</span></center>
                                </div>
                                <div class="wrap-item-container">
                                    <div class="buttonContainer">
                                    <input type="button" onclick="javascript: window.location.href = '${contextPath}/create-order-duplex/car-b-configuration/indicators-duplex';" style="float:none;" class="mce back" value="BACK" />
                                    <input type="button" onclick="javascript: window.location.href = '${contextPath}/create-order-duplex/car-b-configuration/config-duplex';" style="float:none;" class="mce" value="NEXT" />
                                    </div>
                                </div>

                            </div>

                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                        <%@include file="../right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath}/resources/images/Nidec.jpg" />
            <img src="${contextPath}/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
